.chatting{
    width: 1300px;
    height: 700px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    /* margin:  auto 0; */
    position: absolute;
    left: 100px;
}
.list{
    width: 200px;
    height: 630px;
    border-radius: 5px;
    /* border: 2px solid rgba(118, 108, 108, 0.488); */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    position: absolute;
    margin-left: 50px;
    margin-top: 30px;
    
}
.chatWindow{
    width: 900px;
    height: 650px;
    border-radius: 5px;
    /* border: 2px solid rgba(118, 108, 108, 0.488); */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    /* margin: 0 auto; */
    margin-left: 300px;
    margin-top: 30px;
}
.word{
    font-size: 18px;
    color: rgb(120, 111, 111);
    font-weight: bolder;
    text-align: center;
    display: flex;
    justify-content: center;
}
.main {
    /* position: relative; */
    width:900px ;
    top: 5px;
    position: relative;
    left: -200px;
}
.main .text{
    position: relative;
    width:900px ;
    margin-top: 10px;
}
.message {
    position: relative;
    overflow:auto;
    top: 10px;
    width: 840px;
    height: 450px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    /* left: 10px; */
    /* padding: 5px; */
    /* overflow-y:scroll ; */
}
.message .my{
    width: 100%;
    height: 40px;
    margin-top: 20px;
}
.message .my .txt{
    margin-right: 4px;
    margin-top:6px ;
}
.test{
    display: flex;
    /* margin-bottom: 4px; */
}
.test_txt {
    margin-left: 4px;
    margin-top: 6px;
}